<script setup>
import { computed, ref } from "vue";
import { skuList } from "@/utils/constClass.js";
const props = defineProps({
  type: {
    type: String,
    default: "package",
  },
});

const sku = computed(() => {
  return skuList.find((v) => v.type == props.type);
});
</script>
<template>
  <div class="mians" :style="{ background: sku.color }">{{ sku.name }}</div>
</template>

<style lang="less" scoped>
.mians {
  width: max-content;
  padding: 4px;
  color: #ffffff;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  border-radius: 4px;
}
</style>
